<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{*include file="template/head_plugin.htm"*}
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101258437" data-redirecturi="http://www.d2ziran.com/default/qqlogin.htm" charset="utf-8"></script>
 
</head>
<body>

<!--header
<header class="header-box clearfix full-img">
    <div class="xg-left logo-box">
        <h1 class="logo inline-block">第二自然</h1>
        <ul class="inline-block blue f14 lh23 Ml20">
            <li>分享设计精品</li>
            <li>关注设计师品牌与创业</li>
        </ul>
    </div>
    <div class="xg-right share-box textRight">
        <span class="inline-block share-way Mt10">
            <a href="#" target="_blank" class="xl">新浪微博</a>
            <a href="#" target="_blank" class="tx">腾讯微博</a>
            <a href="#" target="_blank" class="wx">微信</a>
            <a href="#" target="_blank" class="jy">简易信息聚合</a>
        </span> 
 
        <form name="search_form" id="search_form" method="post" class="inline-block">
            <span class="inline-block search-box Mr40 Mt5">
            		<input name="searchfrom" id="searchfrom" type="hidden" value="{*$searchfrom|default:$cf_controller*}">
                    <input type="search" name="skey" id="skey" >
                    <input type="submit" value="">
            </span>
        </form>
        <span class="inline-block f14 lh23 ">
           <a href="#" class="block">申请入驻</a>
            <a href="#" class="block">新手帮助</a>
        </span>
    </div>
</header>
header end-->

<!--nav-->
<nav class="nav-box">
    <div class="nav-container clearfix">
        <div class="xg-left nc-l f18">
            <i class="inline-block Mr25 Ml10"></i>
            <!--vertical-bar为分割线↙-->
            <b class="vertical-bar inline-block"></b>

            <span class="inline-block show-more-js">
                <b></b><!--b是三角形图标-->
                <a href="/default/article.htm" class="block Pl20 Pr20">读设计</a>
                <span class="block nav-more">
                     {*foreach $cf_article_cate as $k=>$v*}
                      <a href="/default/article-cid_{*$k*}.htm">{*$v*}</a> 
                     {*/foreach*} 
                  
                </span>
            </span>

            <b class="vertical-bar inline-block"></b>

            <span class="inline-block"><a href="/default/brand.htm" class="block Pl20 Pr20">逛品牌</a></span>

            <b class="vertical-bar inline-block"></b>

            <span class="inline-block show-more-js">
                <b></b><!--b是三角形图标-->
                <a href="/default/goods.htm" class="block Pl20 Pr20 ">买东西</a>
                <span class="block nav-more">
                    <a href="/default/goods-order_board.htm">搭伙购</a>
                    <a href="/default/goods-order_disscount.htm">折扣</a>
                </span>
            </span>
        </div>
        <div class="xg-right nc-r">
        	{*if $cf_user_info*}
            <!--已登陆-->
            <b class="vertical-bar inline-block"></b>

            <a href="/user/index.htm" class="user-id-a">
                <span class="inline-block header-img full-img Ml10"><img src="{*$cf_user_info['user_headimg']*}"></span>
                <!--下面span需要将用户名给赋值title，以防止用户名过长省略后看不完整，这样可以鼠标放上面来观看↙-->
                <span class="inline-block user-id Mr10 Ml10 f14 white" title="混蛋，还我鸡腿">
                   <b class="on"></b><!-- b为私人消息提醒圆点，加on显示，不加消失-->
                   <span>{*$cf_user_info['user_name']*}</span>
                </span>
            </a>

            <b class="vertical-bar inline-block"></b>

           
            <span class="inline-block Ml10 f18 Mr10"><a href="/default/cart.htm">购物车</a></span>
            <!--已登陆 End-->
			{*else*}
            <!--未登陆-->          
            <span class="inline-block Ml10 f18 Mr10"><a href="/default/cart.htm">购物车</a></span>
            <b class="vertical-bar inline-block"></b>
            <span class="inline-block Ml10 f18 Mr10 buttonbox"><a href="javascript:void(0)" id="login-button">登录</a></span>
            <b class="vertical-bar inline-block"></b>
            <span class="inline-block Ml10 f18 Mr10 buttonbox"><a href="javascript:void(0)" id="reg-button">注册</a></span>
            <!--未登陆 End-->
            {*/if*}
        </div>
    </div>

    <!--移动触屏nav-->
    <div class="nav-container-phone relative">
        <h1 class="block textCenter white f20">第二自然</h1>

        <i class="Ml15 nav-phone-more nav-phone-more-js"></i>

        <a href=""><i class="phone-find Mr15"></i></a>


        <div class="nav-phone-more-container">
        	{*if !$cf_user_info*}
            <!--未登录-->
            <span class="block lh45 phone-user-box">
                <a href="/default/login.htm" class="colorWhite"><strong>登陆</strong></a>
                <a href="/default/login-act_reg.htm" class="colorWhite"><strong>注册</strong></a>
            </span>
            <!--未登录 End-->
            {*else*}

            <!--已登录 End-->
            <a href="/user/index.htm" class="colorWhite">
                <span class="block lh60 phone-user-box Pt5 Pb5 clearfix Pl15 Pr15 relative">
                    <b></b>
                    <span class="phone-header-img xg-left full-img Mr25"><img src="{*$cf_user_info['user_headimg']*}"></span>
                    <span class="phone-user-id xg-left">{*$cf_user_info['user_name']*}</span>
                </span>
            </a>
            <!--已登录 End-->
			{*/if*}
            <ul class="lh55 f12">
                <li class="Pl20"><a href="/default/index.htm" class="block"><i class="phone-index-icon inline-block Pr5"></i>首页</a></li>
                <li>
                    <span class="block">
                        <b class="xg-right nav-phone-son-show nav-phone-son-more-js">＋</b>
                        <a href="/default/article.htm" class="block  Pl60 colorBlack">读设计</a>
                    </span>
                    <dl class="nav-phone-son-more">
                    {*foreach $cf_article_cate as $k=>$v*}
                      <dd><a href="/default/article-cid_{*$k*}.htm">{*$v*}</a></dd>
                     {*/foreach*}                      
                    </dl>
                </li>
                <li class="Pl60"><a href="/default/brand.htm" class="block">逛品牌</a></li>
                <li>
                    <span class="block">
                        <b class="xg-right nav-phone-son-show nav-phone-son-more-js">＋</b>
                        <a href="/default/goods.htm" class="block Pl60 colorBlack">买东西</a>
                    </span>
                    <dl class="nav-phone-son-more">
                        <dd><a href="/default/goods-order_board.htm">搭伙购</a></dd>
                        <dd><a href="/default/goods-order_disscount.htm">折扣</a></dd>
                    </dl>
                </li>
                <li class="Pl60"><a href="" class="block">帮助</a></li>
                <li class="Pl60"><a href="" class="block">退出</a></li>
            </ul>
        </div>
    </div>
    <!--移动触屏nav End-->
</nav>
<!--nav end-->


<!--登陆-->
<div class="face_box">
    	<div class="dialogMain">
      		<div class="login-form">
        		<h3>第二自然欢迎您</h3>
        		<p>第二自然是一个分析设计，关注设计师品牌与创业的网站，在这里您可以购买到国内外最好的原创设计品。</p>
      		</div>
      		<div class="face-body">
      			<div class="modalTab" >
					<p style="width: 100%;max-width: 493px;"><span {*if $cf_action == 'index'*} class="cursor" {*/if*}id="login_span">登录</span><span {*if $cf_action == 'reg'*} class="cursor" {*/if*} id="reg_span">注册</span></p>
        		</div>
        		<div id="login-form" {*if $cf_action == 'reg'*} class="hide" {*/if*}>
                	<form name="login_form" id="login_form" method="post">                                  	
            		<p><label>邮箱：</label><input type="text" id="user_name" name="user_name" class="txt-input" placeholder="输入邮箱地址"/></p>
            		<p><label>密码：</label><input type="password" id="pwd" name="pwd" class="txt-input" placeholder="输入密码"/></p>
            		<p class="tools">
                		<a href="###" id="find-pwd-btn" class="f-r">忘记密码？</a>
                		<span><a href="javascript:void(0)" id="signin-btn" class="blue-btn">登录</a></span>
            		</p>
                    </form>
        		</div>
        		<div id="reg-form" {*if $cf_action == 'index'*} class="hide" {*/if*}>
                	<form name="reg_form" id="reg_form" method="post">                   
            		<p><label>邮箱：</label><input name="reg_name" id="reg_name" type="text" class="txt-input" placeholder="输入邮箱地址"/></p>
            		<p><label>密码：</label><input name="reg_pwd" id="reg_pwd" type="password"  class="txt-input" placeholder="输入密码"/></p>
            		<p><label>重复密码：</label><input name="reg_repwd" id="reg_repwd" type="password"  class="txt-input" placeholder="重复密码"/></p>
            		<p class="tools">
                		<span><a href="javascript:void(0)" id="reg-btn" class="blue-btn">注册</a></span>
            		</p>
                    </form>
        		</div>
        		<div class="anthorLogin">
        			<p>使用您的社交媒体账户登录</p>
            		<p>
                		<span><a href="http://www.d2ziran.com/default/qqoauth.htm" class="txBtn"></a></span>
                        <span><a href="http://www.d2ziran.com/default/sinaoauth.htm" class="wbBtn"></a></span>
                		<span><a href="http://www.d2ziran.com/default/wxoauth.htm" class="weixinBtn"></a></span>
            		</p>
        		</div>
      		</div>
      	</div>
        <div class="serviceTerm"><span class="f_r"><a href="javascript:void(0);">第二自然服务条款</a></span></div>
    </div>
<!--登陆-->

<!--回到头部-->
<a id="toTop" href="javascript:void(0);"></a>
</body>
<script type="text/javascript" src="/public/js/jquery.js"></script>
<script type="text/javascript" src="/public/js/d2ziran_js.js"></script>
<script type="text/javascript" src="/public/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/public/js/bday-picker.js"></script>
<script type="text/javascript" src="/public/js/hhjslib_002.js"></script>
<script type="text/javascript" src="/public/js/hhjslib_003.js"></script>
<script type="text/javascript" src="/public/js/jquery.meanmenu.min.js"></script> 
<script type="text/javascript" src="/public/js/common.js"></script>
<script src="/public/js/jquery/asyncbox/asyncbox.v1.5.beta.min.js" type="text/javascript"></script>
<script src="/public/js/jquery/asyncbox/asyncbox_plugin.js" type="text/javascript"></script>
<script type="text/javascript">	
$(function(){
	$("#login_span").click(function(){	
		$("#reg-form").hide();
		$("#login-form").show();	
	});	
	$("#reg_span").click(function(){
		$("#reg-form").show();
		$("#login-form").hide();	
	});
	
	$("#signin-btn").click(function(){		
		if($("#user_name").val()){
			if(!check_string($("#user_name").val(),'mail')){
				my_alert('请输入正确的邮箱地址','错误提示','$("#user_name").focus()');
				return false;
			}
		}else{
			my_alert('请输入邮箱登陆','错误提示','$("#user_name").focus()');
			return false;	
		}
		if($("#pwd").val() == ''){
			my_alert('请输入密码','错误提示','$("#pwd").focus()');
			return false;
		}
		$("#login_form").attr("action","/default/login.htm");
		$("#login_form").submit();
			
	});
	$("#reg-btn").click(function(){		
		if($("#reg_name").val()){
			if(!check_string($("#reg_name").val(),'mail')){
				my_alert('请输入正确的邮箱地址','错误提示','$("#user_name").focus()');
				return false;
			}
		}else{
			my_alert('请输入邮箱登陆','错误提示','$("#reg_name").focus()');
			return false;	
		}
		if($("#reg_pwd").val() == ''){
			my_alert('请输入密码','错误提示','$("#reg_pwd").focus()');
			return false;
		}
		if($("#reg_repwd").val() == ''){
			my_alert('请输入重复密码','错误提示','$("#reg_repwd").focus()');
			return false;
		}
		if($("#reg_pwd").val() != $("#reg_repwd").val()){
			my_alert('两次输入密码不一致','错误提示','$("#reg_pwd").focus()');
			return false;
		}
		$("#reg_form").attr("action","/default/login-act_reg.htm");		
		$("#reg_form").submit();
			
	});
	
		
})
</script>
</html>
